﻿.wrapper {
	box-sizing: border-box;
	padding-bottom: 20px;
	margin: 0 auto;
	min-height: 100vh;
}

.fullwidth {
	width: 100%;
}

.hidden {
	display: none;
}

.btn, .qrcode {
	display: block;
	margin: 0 auto;
}

	.btn img {
		display: initial;
		width: 100%;
	}

	.btn.btn-qrcode {
		width: 40.8%;
	}

	.btn.btn-friends, .btn.btn-rules {
		width: 32%;
	}

	.btn.btn-spread-join {
		width: 62%;
	}

	.btn.active {
		-webkit-filter: grayscale(50%); /* Chrome, Safari, Opera */
		filter: grayscale(50%);
	}
.popup-wrapper{	
	background-color: rgba(0,0,0,0.53);
}
.popup-wrapper .popup-layout {
	background:none;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	top: 0;
	left: 0;
	padding:0;
	width: 100%;
	height: 100%;
}

	.popup-wrapper .popup-layout > div {
		background-color: #fff;
		-moz-border-radius: 30px;
		-webkit-border-radius: 30px;
		border-radius: 30px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		font-size: 1.4rem;
		line-height: 1.5;
		padding: 25px 3%;
		width: 88%;
	}

.popup-wrapper img {
	max-width: 94%;
}
